<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../css/public-head.css" />
		<link rel="stylesheet" href="../css/mui.css" />
		<link rel="stylesheet" type="text/css" href="../css/demo3.css" />
		<style>

		</style>
	</head>

	<body>
		<div class='context-view'>

			<div class='lishi'>
				<div class='lishi-view' onclick='toAddresslist()'>
					<image class='lishi-img' src='../image/homepage/dingd-dwc.png'></image>
					<div class='lishi-text'>历史地址簿</div>
				</div>

				<div class='lishi-qianjin'>
					<image class='lishi-qianjin-img' src='../image/homepage/youfanhui.png'></image>
				</div>
			</div>

			<div class='cheweitype-view'>

				<div class='cheweitype-item' bindtap='changeDefault' data-default='0'>
					<div>临时车位</div>
					<image class='cheweitype-select' src="../image/icon/GX1@2x.png"></image>
					<!-- <image class='cheweitype-select' src='../../images/useraddress/gouxuan-y.png'></image> -->
				</div>

				<div class='fenge-shu'></div>

				<div class='cheweitype-item' bindtap='changeDefault' data-default='1'>
					<div>固定车位</div>
					<image class='cheweitype-select' src="../image/icon/WGX1@2x.png"></image>
				</div>
			</div>

			<textarea class='textarea-common' id="car_addr" placeholder="请输入车辆停放位置或车位号" maxlength='200' onclick='updatePark' value=""></textarea>

			<input class='input-common' placeholder="请输入手机号" value='' onclick='updateNumber' maxlength='11' id="usePhone"></input>

			<!--<div class="car-pai">
				<select name="license_name" class="pai-name" id="license_content">

				</select>

				<select name="license_name" class="pai-name" id="letter_content">

				</select>
				<input type="text" class="" name="car_license" placeholder="车牌号">
			</div>-->
			<div class="mui-input-row license" style="background-color: white;height: 40px;">
				<!-- 车牌 -->
				<select name="license_name" class="sel input-sub" style="font-size:14px;text-align: center;" id="license_content"></select>
				<img src="../image/icon/san@2x.png" />
				<select name="license_name" class="sel input-sub" style="font-size:14px;" id="letter_content"></select>
				<img src="../image/icon/san@2x.png" />
				<input type="text" style="text-transform:uppercase;" class="mui-input-clear input-sub" id="car_Number" name="car_license" placeholder="车牌号">
			</div>

			<div class='lishi'>
				<div class='lishi-view' onclick='toPreferential()'>
					<image class='lishi-img' src='../image/homepage/dingd-dwc.png'></image>
					<div class='lishi-text'>优惠券</div>
				</div>

				<div class='lishi-qianjin'>
					<image class='lishi-qianjin-img' src='../image/homepage/youfanhui.png'></image>
				</div>
			</div>

			<!--支付方式-->
			<div class='lishi' onclick='toZhifu()'>
				<div class='lishi-view'>
					<image class='lishi-img' src='../image/icon/dibu-czjf2@2x.png'></image>
					<div class='lishi-text'>选择支付方式</div>
				</div>

				<div class='lishi-qianjin'>
					<image class='lishi-qianjin-img' src='../image/homepage/youfanhui.png'></image>
				</div>
			</div>
			<div class='next-button-view'>
				<button class='next-button' onclick='addOrder()'>支付</button>
			</div>
		</div>

		<!--<div class="moneytxt">
			我的余额：1998元，本次抵扣466
		</div>-->

	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/mui.js"></script>
	<script type="text/javascript" src="../script/public-head.js"></script>
	<script src="../script/template-web.js"></script>

	<!-- 车牌数据模型 -->
	<script type="text/html" id="license">
		{{each car_list as val i}}
		<option value="{{val}}">{{val}}</option>
		{{/each}}
	</script>
	<!-- 字母数据模型 -->
	<script type="text/html" id="letter_license">
		{{each letter_list as val i}}
		<option value="{{val}}">{{val}}</option>
		{{/each}}
	</script>
	<script type="text/javascript">
		//头部
		headInner({
			title: "补充信息",
			//headleft
			headl: '<a href="#" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
			//headright
			headr: '<a style="color:white"></a>',
			color: "", //默认是蓝色
			padding: "0px 0px 0px",
		})
		// 获取车牌号
		//		var index = $api.byId('license_content').selectedIndex;
		//		var letter_index = $api.byId('letter_content').selectedIndex;
		// 车牌
		var data_list = {
			car_list: ["桂", "京", "津", "沪", "渝", "冀", "豫", "云", "辽", "黑", "湘", "皖", "鲁", "新", "苏", "浙", "赣", "鄂", "甘", "晋", "蒙", "陕", "吉", "闽", "贵", "粤", "青", "藏", "川", "宁", "琼"]
		};
		var letter_list = {
			letter_list: ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "L", "M", "N", "P", "R"]
		};
		//车牌模版
		var car_html = template('license', data_list);
		document.getElementById('license_content').innerHTML = car_html;
		//字母模版
		var letter_html = template('letter_license', letter_list);
		document.getElementById('letter_content').innerHTML = letter_html;
		apiready = function() {

		};
		//历史地址
		function toAddresslist() {
			api.openWin({
				name: 'demo3_1',
				url: '../html/demo3_1.html',
				pageParam: {
					data: ""
				}
			});
		}
		//优惠券
		function toPreferential() {
			api.openWin({
				name: 'youHuiQuan',
				url: '../html/Coupon.html',
				pageParam: {
					data: ""
				}
			});
		}
		// 选择支付方式
		function toZhifu() {
			api.openWin({
				name: 'demo3_2',
				url: '../html/demo3_2.html',
				pageParam: {
					data: ""
				}
			})
		}
		//支付成功跳转
		function addOrder() {
			api.openWin({
				name: 'demo4',
				url: '../html/demo4.html',
				pageParam: {
					data: ""
				}
			})
		}
	</script>

</html>
